<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Fresho</title>
    <link rel="stylesheet" type="text/css" href="stylesheets/Fresho.css"/>
    <link rel="stylesheet" type="text/css" href="stylesheets/Fresho.custom.css"/>
    <link rel="stylesheet" type="text/css" href="stylesheets/reset.css"/>
    <link rel="stylesheet" type="text/css" href="stylesheets/jcarousel.css"/>
<!--    <link rel="stylesheet" type="text/css" href="stylesheets/skin.css"/>-->
   
    
    <script src="javascripts/jquery-1.7.min.js" type="text/javascript"></script>
    <script src="javascripts/jquery.jcarousel.min.js" type="text/javascript" ></script>
	<script type="text/javascript">
		function showMenuText()
		{
			$("#NavigatorContainer").addClass("ShowText");
		}
		
		function hideMenuText()
		{
			$("#NavigatorContainer").removeClass("ShowText");
		}
		
		function enablejQuery(){
			$('#mycarousel').jcarousel();
   			$("#NavigatorContainer").hover(showMenuText, hideMenuText);
		}
		$(document).ready(enablejQuery);
	</script>


</head>

<div class="SiteHeader">
	<a id="lnkLogo" class="Logo" href="http://www.mysupermarket.co.uk/">
	<img src="images/LogoMain.png" alt="mySupermarket Groceries" /></a>
	<div class="FindControl">
		<input name="ctl00$ctl00$ctl00$BodyPlaceHolder$TheListHeader$FindControl1$txtfind" type="text" id="txtfind" class="txtfind" placeholder="Search" />
		<button id="btnFind" class="FindButton"></button>
	</div>
	<div class="TopCloser"></div>
	<div id="MainMenuContainer" class="MainMenu">
		<div id="NavigatorContainer" class="nav">
			<ul id="DropDownMenu" class="DropDownMenu">
				<li class="Level0">
					<div class="Title First"><span class='Icon' style='background-position:-0px -5px'>&nbsp;</span>my Shop</div>
				</li>
				<li class="Level0">
					<div class="Title"><span class='Icon' style='background-position:-60px -5px'>&nbsp;</span>Offers</div>

				</li>
				<li class="Level0"><div class="Title"><span class='Icon' style='background-position:-120px -5px'>&nbsp;</span>Ideas & Lifestyle</div>
				</li>
				<li class="Level0">
					<div class="Title"><span class='Icon' style='background-position:-180px -5px'>&nbsp;</span>Bakery</div>
				</li>
				<li class="Level0">
					<div class="Title"><span class='Icon' style='background-position:-240px -5px'>&nbsp;</span>Fruit & Vegetables</div>
				</li>
				<li class="Level0">
					<div class="Title"><span class='Icon' style='background-position:-300px -5px'>&nbsp;</span>Dairy & Eggs</div>
				</li>
				<li class="Level0">
					<div class="Title"><span class='Icon' style='background-position:-360px -5px'>&nbsp;</span>Meat, Fish & Poultry</div>
				</li>
				<li class="Level0">
					<div class="Title"><span class='Icon' style='background-position:-420px -5px'>&nbsp;</span>Frozen</div>
				</li>
				<li class="Level0">
					<div class="Title"><span class='Icon' style='background-position:-480px -5px'>&nbsp;</span>Ready Meals</div>
				</li>
			</ul>
		</div>
	</div>
	<div id="MspMembershipMenuContainer" class="MembershipMenu">
    <div id="Anonymouse" class="Anonymouse">
		
        <a id="SignIn" LinkType="Form" FormType="SignIn" href="https://www.mysupermarket.co.uk/administration/SignIn">Sign In</a>
        <span class="HorizontaolSeperator">|</span>
        <a id="Register" LinkType="Form" FormType="Register" href="https://www.mysupermarket.co.uk/administration/Register">Register</a>
	</div>
	</div>
</div>
<div class="HeaderBodySeparator"></div>
